@media screen and (min-width:200px ){
.logo{
	height: 44px;
	width: 136px;
	}
.nav{   height:100px;
	    background-color: rgba(0,0,0,0.4);
		box-shadow: 0px 0px 30px #bbb;
		position:fixed;
    	width: 100%;
    	border-radius: 30px;
	}
.nav a{
	float: top;
	color: #898989;
	text-decoration: none;
	margin-left: 11%;
}
.nav a:hover{
	color: white;
}

..photo-container {
perspective: 1200px; /* 透视视图 */
width:45%;
float:left;
}
.rotate-box {
position:relative;
transform-style: preserve-3d; /* 3D 转换 */
transition:1s ease; /* 转换效果持续 1秒 */
margin:10%;
}
.rotate-box img {width:100%;height:auto;} 

.text {
position:absolute;top:0;
width:100%;height:100%;
transform: rotateY(180deg) translateZ(1px); /* 反转180度 并设置z轴让其置于图片背面 */
color:#666;
text-align:center;
opacity:.06;
background:rgba(255,255,255,.9);
transition: 1s opacity;
}   
.photo-container:hover .rotate-box{
transform: rotateY(180deg);
}
.photo-container:hover .text{opacity:1}             

.swiper_p{
    margin-top: 50px;
    text-indent: 2em;
    padding-top: 2%;
    padding-bottom: 2%;
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #666666;
    font-family:STKaiti,"å¾®è½¯é›…é»‘";
}

.parner{
   margin: 2% auto;
   width: 100%;
   overflow: hidden;
   text-align: center;
}
.parner span img{
    width: 4.8%;
    margin:0px 0.7%;
    min-width: 35px;
}
.content{
    width: 100%;
    overflow: hidden;
}
.con{
border-radius: 5px;
background: white;
float: left;
margin: 2% 1.15%;
overflow: hidden;
color: #959595;
text-decoration: none;
box-shadow: 16px 16px 16px #e3e3e3;
position: relative;
}


footer{
	background: #e0e0e0;position:relative;
	width: 100%;margin-top: 40px;padding-top: 10px;
	padding-bottom: 10px;
	text-shadow:1px 1px 1px white;
	color: #666666;
	overflow: hidden;
}
.footer_left,.footer_right{width: 49%;display: inline-block;}
.footer_left{vertical-align: top;float: left;}
.footer_right{border-left:1px #bcbcbc solid;float: right;}
.link{float: right;height: 50px;}
.link a{width: 30px;float: left;margin-left: 6px;}
.link1{
	margin-left: 0;
}
.link a img{
	width: 100%;
}

.contact{margin-left: 3%;font-size: 0.75em}
.contact_logo{
	width: 143px;
	margin-bottom: 10px;
}
.contact_logo img{
	width: 100%;
}
.contact p{
	margin-bottom: 5px;
}

@media screen and (max-width: 640px){
.link a{margin-left: 5px}
.contact{margin-left: 10px}
.contact_logo{width: 120px;}
.contact p{margin-bottom: 3px;}
footer{margin-top: 20px;}
}
@media screen and (max-width: 480px){
.link{margin-right: 0px}
.contact{margin-left: 2px}
}

.container img{
		max-width: 100%;
		border-radius: 30px;
	}


.container {
  		position: static;
  		width: 17rem;
  		border-radius: 30px;
  		box-shadow: 0 5px 20px #bbb;
  		box-sizing:border-box;
  		padding: 25px; 
  		margin: 3% 3%;
  		text-align: center;
  		display: inline-block;
  	}
	
	.container:hover{
	box-shadow: 8px 8px 8px #000000;
	transform: scale(1.1)
	}
	}